<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width">
	<title>发现</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/find.css">
</head>
<body>
	<div class="header">
		<h1>发现</h1>
	</div>


	<div class="content">
		<ul class="pengyouquan">
			<li class="friend">
				<i class="icon1"></i>
				<span>朋友圈</span>
				<img src="img/find_03.png" alt="">
				<i class="more"></i>
			</li>
		</ul>

		<ul class="pengyouquan saoyisao">
			<li class="friend sao">
				<i class="icon1 icon2"></i>
				<span>扫一扫</span>
				<i class="more"></i>
			</li>
		</ul>

		<ul class="pengyouquan fujin">
			<li class="friend fujinren">
				<i class="icon1 icon3"></i>
				<span>附近的人</span>
				<i class="more"></i>
			</li>
		</ul>

		<ul class="pengyouquan gengduo">
			<li class="friend gouwu">
				<i class="icon1 icon4"></i>
				<span>购物</span>
				<i class="more"></i>
			</li>
			<li class="friend game">
				<i class="icon1 icon5"></i>
				<span>游戏</span>
				<i class="more"></i>
			</li>
		</ul>

	</div>




	<div class="nav">
		<ul class="nav-inner">
			<li class="nav1">
				<a href="index.html">
					<div class="img"></div>
					<div class="word">
						微信
					</div>
				</a>
			</li>
			
			<li class="nav2">
				<a href="contact.html">
					<div class="img"></div>
					<div class="word">
						通讯录
					</div>
				</a>
			</li>
			<li class="nav3">
				<a href="find.html">
					<div class="img"></div>
					<div class="word">
						发现
					</div>
				</a>
			</li>

			<li class="nav4">
				<a href="me.html">
					<div class="img"></div>
					<div class="word">
						我
					</div>
				</a>
			</li>
		</ul>
	</div>
</body>
</html>